﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MemcacheInfo.aspx.cs" Inherits="Memceched.MemcacheInfo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>MEMCACHE INFO</title>
    <style type="text/css">
        body, p, td, th, input, submit
        {
            font-size: 0.8em;
            font-family: arial,helvetica,sans-serif;
        }
        * html body
        {
            font-size: 0.8em;
        }
        * html p
        {
            font-size: 0.8em;
        }
        * html td
        {
            font-size: 0.8em;
        }
        * html th
        {
            font-size: 0.8em;
        }
        * html input
        {
            font-size: 0.8em;
        }
        * html submit
        {
            font-size: 0.8em;
        }
        td
        {
            vertical-align: top;
        }
        a
        {
            color: black;
            font-weight: none;
            text-decoration: none;
        }
        a:hover
        {
            text-decoration: underline;
        }
        div.content
        {
            padding: 1em 1em 1em 1em;
            position: absolute;
            width: 97%;
            z-index: 100;
        }
        h1.memcache
        {
            background: rgb(153,153,204);
            margin: 0;
            padding: 0.5em 1em 0.5em 1em;
        }
        * html h1.memcache
        {
            margin-bottom: -7px;
        }
        h1.memcache a:hover
        {
            text-decoration: none;
            color: rgb(90,90,90);
        }
        h1.memcache span.logo
        {
            background: rgb(119,123,180);
            color: black;
            border-right: solid black 1px;
            border-bottom: solid black 1px;
            font-style: italic;
            font-size: 1em;
            padding-left: 1.2em;
            padding-right: 1.2em;
            text-align: right;
            display: block;
            width: 130px;
        }
        h1.memcache span.logo span.name
        {
            color: white;
            font-size: 0.7em;
            padding: 0 0.8em 0 2em;
        }
        h1.memcache span.nameinfo
        {
            color: white;
            display: inline;
            font-size: 0.4em;
            margin-left: 3em;
        }
        h1.memcache div.copy
        {
            color: black;
            font-size: 0.4em;
            position: absolute;
            right: 1em;
        }
        hr.memcache
        {
            background: white;
            border-bottom: solid rgb(102,102,153) 1px;
            border-style: none;
            border-top: solid rgb(102,102,153) 10px;
            height: 12px;
            margin: 0;
            margin-top: 1px;
            padding: 0;
        }
        ol, menu
        {
            margin: 1em 0 0 0;
            padding: 0.2em;
            margin-left: 1em;
        }
        ol.menu li
        {
            display: inline;
            margin-right: 0.7em;
            list-style: none;
            font-size: 85%;
        }
        ol.menu a
        {
            background: rgb(153,153,204);
            border: solid rgb(102,102,153) 2px;
            color: white;
            font-weight: bold;
            margin-right: 0em;
            padding: 0.1em 0.5em 0.1em 0.5em;
            text-decoration: none;
            margin-left: 5px;
        }
        ol.menu a.child_active
        {
            background: rgb(153,153,204);
            border: solid rgb(102,102,153) 2px;
            color: white;
            font-weight: bold;
            margin-right: 0em;
            padding: 0.1em 0.5em 0.1em 0.5em;
            text-decoration: none;
            border-left: solid black 5px;
            margin-left: 0px;
        }
        ol.menu span.active
        {
            background: rgb(153,153,204);
            border: solid rgb(102,102,153) 2px;
            color: black;
            font-weight: bold;
            margin-right: 0em;
            padding: 0.1em 0.5em 0.1em 0.5em;
            text-decoration: none;
            border-left: solid black 5px;
        }
        ol.menu span.inactive
        {
            background: rgb(193,193,244);
            border: solid rgb(182,182,233) 2px;
            color: white;
            font-weight: bold;
            margin-right: 0em;
            padding: 0.1em 0.5em 0.1em 0.5em;
            text-decoration: none;
            margin-left: 5px;
        }
        ol.menu a:hover
        {
            background: rgb(193,193,244);
            text-decoration: none;
        }
        div.info
        {
            background: rgb(204,204,204);
            border: solid rgb(204,204,204) 1px;
            margin-bottom: 1em;
        }
        div.info h2
        {
            background: rgb(204,204,204);
            color: black;
            font-size: 1em;
            margin: 0;
            padding: 0.1em 1em 0.1em 1em;
        }
        div.info table
        {
            border: solid rgb(204,204,204) 1px;
            border-spacing: 0;
            width: 100%;
        }
        div.info table th
        {
            background: rgb(204,204,204);
            color: white;
            margin: 0;
            padding: 0.1em 1em 0.1em 1em;
        }
        div.info table th a.sortable
        {
            color: black;
        }
        div.info table tr.tr-0
        {
            background: rgb(238,238,238);
        }
        div.info table tr.tr-1
        {
            background: rgb(221,221,221);
        }
        div.info table td
        {
            padding: 0.3em 1em 0.3em 1em;
        }
        div.info table td.td-0
        {
            border-right: solid rgb(102,102,153) 1px;
            white-space: nowrap;
        }
        div.info table td.td-n
        {
            border-right: solid rgb(102,102,153) 1px;
        }
        div.info table td h3
        {
            color: black;
            font-size: 1.1em;
            margin-left: -0.3em;
        }
        .td-0 a, .td-n a, .tr-0 a, tr-1 a
        {
            text-decoration: underline;
        }
        div.graph
        {
            margin-bottom: 1em;
        }
        div.graph h2
        {
            background: rgb(204,204,204); ;color:black;font-size:1em;margin:0;padding:0.1em1em0.1em1em;}
        div.graph table
        {
            border: solid rgb(204,204,204) 1px;
            color: black;
            font-weight: normal;
            width: 100%;
        }
        div.graph table td.td-0
        {
            background: rgb(238,238,238);
        }
        div.graph table td.td-1
        {
            background: rgb(221,221,221);
        }
        div.graph table td
        {
            padding: 0.2em 1em 0.4em 1em;
        }
        div.div1, div.div2
        {
            margin-bottom: 1em;
            width: 35em;
        }
        div.div3
        {
            position: absolute;
            left: 40em;
            top: 1em;
            width: 580px;
        }
        div.div3
        {
            position: absolute;
            left: 37em;
            top: 1em;
            right: 1em;
        }
        div.sorting
        {
            margin: 1.5em 0em 1.5em 2em;
        }
        .center
        {
            text-align: center;
        }
        .aright
        {
            position: absolute;
            right: 1em;
        }
        .right
        {
            text-align: right;
        }
        .ok
        {
            color: rgb(0,200,0);
            font-weight: bold;
        }
        .failed
        {
            color: rgb(200,0,0);
            font-weight: bold;
        }
        span.box
        {
            border: black solid 1px;
            border-right: solid black 2px;
            border-bottom: solid black 2px;
            padding: 0 0.5em 0 0.5em;
            margin-right: 1em;
        }
        span.green
        {
            background: #60F060;
            padding: 0 0.5em 0 0.5em;
        }
        span.red
        {
            background: #D06030;
            padding: 0 0.5em 0 0.5em;
        }
        div.authneeded
        {
            background: rgb(238,238,238);
            border: solid rgb(204,204,204) 1px;
            color: rgb(200,0,0);
            font-size: 1.2em;
            font-weight: bold;
            padding: 2em;
            text-align: center;
        }
        input
        {
            background: rgb(153,153,204);
            border: solid rgb(102,102,153) 2px;
            color: white;
            font-weight: bold;
            margin-right: 1em;
            padding: 0.1em 0.5em 0.1em 0.5em;
        }
        </style>
</head>
<body>
    <div class="head">
        <h1 class="memcache">
            <span class="logo"><a href="http://pecl.php.net/package/memcache">memcache</a></span>
            <span class="nameinfo">memcache.php by <a href="http://livebookmark.net">Harun Yayli</a></span>
        </h1>
        <hr class="memcache">
    </div>
    <div class="content">
        <div class="info div1">
            <h2>
                缓存信息</h2>
            <table cellspacing="0">
                <tbody>
                    <tr class="tr-1">
                        <td class="td-0">
                            Memcache服务器
                        </td>
                        <td>
                            <asp:Repeater ID="rptMem" runat="server">
                                <ItemTemplate>
                                    <%# Container.DataItem %><br />
                                </ItemTemplate>
                            </asp:Repeater>
                        </td>
                    </tr>
                    <tr class="tr-0">
                        <td class="td-0">
                            Memcache最大容量
                        </td>
                        <td>
                            <asp:Literal ID="ltlMaxCache" runat="server"></asp:Literal>MB
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="graph div3"><h2>Host Status Diagrams</h2>
		<table cellspacing=0>
		<tbody>
		<tr>
		<td class=td-0>Cache Usage</td>
		<td class=td-1>Hits &amp; Misses</td>
		</tr>
		<tr>
		    <td class=td-0><span class="green box">&nbsp;</span>Free:</td>
		    <td class=td-1><span class="green box">&nbsp;</span>Hits: </td>
		</tr>
		<tr>
		    <td class=td-0><span class="red box">&nbsp;</span>Used:<asp:Literal ID="ltlUsed" runat="server"></asp:Literal></td>
		    <td class=td-1><span class="red box">&nbsp;</span>Misses:</td>
		</tr>
		</tbody>
		</table>
		</div>
    </div>
</body>
</html>
